.pages{
  margin-top:30px;
}

// 表格
.el-table thead th{
  background:#f2f2f2;
}

//.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
//  border-right: 1px solid #e6e6e6;
//}
//
//.el-table td, .el-table th.is-leaf{
//  border-bottom: 1px solid #e6e6e6;
//}

// 登录页面
.login{
  font-size:14px;

  .header{
    height:100px;
    border-bottom:1px solid #ddd;
  }

  .header .logo{
    margin-top:20px;
  }

  .banner{
    margin-top:10px;
  }

  .banner img{
    width:100%;
  }

  .login-form{
    width:640px;
    margin:60px auto 0;
  }

  .forget-pwd{
    margin-top:30px;
  }

  .login-btn{
    width:100%;
    margin-top:20px !important;
  }
}

// 主页面
.main{
  .header{
    //background:#fafafa;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:10;
    background:#fff;
    border-bottom:1px solid #ddd;

    .header-wrap{
      padding:10px 40px;
      height:40px;
      line-height:40px;
    }

    .logo{
      max-height:40px;
    }
  }

  // bd
  .bd {
    position: relative;
    background:#fafafa;
    height:100%;

    .nav-box {
      position: fixed;
      top:0;
      left:0;
      z-index:1;
      width: 200px;
      height:100%;
      background:#fff;
      border-right:1px solid #ddd;
      overflow-y:auto;
      overflow-x:hidden;

      .nav-menu{
        margin-top:60px;
      }
      .el-menu{
        border-right:none;
      }
      .el-menu-item{
        a{
          color:#303133;
          text-decoration: none;
        }
      }
    }

    .search-form{
      .el-form-item{
        margin-bottom:0;
      }
    }

    .cont-box{
      //position:absolute;
      //top:0;
      //left:0;
      //width:100%;
      min-height:100%;
      overflow:hidden;


      .cont-wrap{
        //margin:60px 0 0 200px;
        //min-height:100%;
        margin:60px 0 0 200px;
        overflow:hidden;
      }

      .cont-hd{
        margin:20px;
        padding:20px;
        background:#fff;
      }

      .cont-bd{
        margin:0 20px 20px;
        padding:20px;
        background:#fff;
      }

      .update-btn{
        margin-left:10px;
      }

    }

  }
}

// 用户管理
.userlist{
  .userlist-dialog{
    .el-form-item{
      position:relative;
    }
  }
  // 选中的图片
  .file-pic{
    position:relative;
    width:200px;
    height:200px;
    overflow:hidden;

    img{
      width:100%;
    }

    .delete{
      position: absolute;
      top:-30px;
      left:0;
      width:100%;
      height:30px;
      background:rgba(0,0,0,0.6);
      transition: all .25s;
      opacity: 0;
      //display:none;

      .el-icon-delete{
        position:absolute;
        z-index:1;
        top:7px;
        right:10px;
        color:#fff;
        font-size:16px;
        cursor: pointer;
      }
    }

    &:hover{
      .delete{
        top:0;
        opacity: 1;
      }
    }
  }

  .file-picker{
    position:relative;
    display:block;
    width:199px;
    height:199px;
    border:1px dashed #d9d9d9;
    border-radius: 2px;
    text-align: center;
    line-height:199px;

    .el-icon-plus{
      font-size:30px;
      color:#999;
      line-height:199px;
    }
  }

  //.image-file-btn{
  //  //position:absolute;
  //  //left:0;
  //  //top:0;
  //  //width:100%;
  //  //height:100%;
  //  opacity: 0;
  //  filter:alpha(opacity=0);
  //}

  .webuploader-container {
    position: relative;
  }
  .webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
  }
  .webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding:0;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
    font-size:14px;
    width: 199px;
    height:199px;
    line-height: 199px;
  }
  .webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
  }
}


